<!DOCTYPE html>
<html lang="en">
	<head>
		<title>咨询台</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<link rel="stylesheet" type="text/css" href="css/global.css" />
		<link rel="stylesheet" type="text/css" href="css/l-help-desk.css" />
		<!-- font-awesome icons -->
		<link href="css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet'
		 type='text/css'>
		<!-- //font -->
		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<script src="js/bootstrap.js"></script>

		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
	</head>
	<body>
		<div class="l-main l-container">
			<!-- banner -->
			<div class="banner container-fluid">
				<div class="row l-banner_img">
					<img src="image/banner_img-1.png"  class="img-responsive">
				</div>
			</div>
			<div class="l-help-desk l-flex-item_c-just_c">
				<div class="l-list-width l-flex l-flex-wrap">
					<script type="text/javascript">
						{
							
						var list = '123456789123'.split('');
							
							list.forEach(function(e){
								document.write(
									'<div class="l-card">'+
									'	<div class="l-card-view l-card-view-1">'+
									'		<div class="l-flex-item_c-just_sb">'+
									'			<div class="l-card-view_div"><img src="image/l-avatar.png" class="l-avatar"></div>'+
									'			<div class="l-flex-1">'+
									'				<div class="l-flex-item_c-just_sb l-card_div-sub">'+
									'					<span class="l-card_div-sub_span">刘洋</span>'+
									'					<span class="l-card_div-sub_span-date">2019-08-20 14:52</span>'+
									'				</div>'+
									'				<div class="l-card_div-sub-1">'+
									'					广东省深圳市宝安区'+
									'				</div>'+
									'			</div>'+
									'		</div>'+
									'	</div>'+
									'	<div class="l-card-view l-card-view-2">'+
									'		请问婚前财产公证一般包括些什么？'+
									'	</div>'+
									'	<div class="l-card-view l-card-view-3 l-flex-item_c l-flex-wrap">'+
									'		<img class="l-help-desk-img" src="image/l-help-desk-1.png" style="margin-right: 10px;">'+
									'		<img class="l-help-desk-img" src="image/l-help-desk-2.png" >'+
									'	</div>'+
									'	<div class="l-card-view l-card-view-4">'+
									'		<button type="button" class="l-card-handle-btn">删除</button>'+
									'		<button type="button" class="l-card-handle-btn">详情</button>'+
									'	</div>'+
									'</div>'
								)
							})
						}
					</script>
					
					

					<div class="l-page-view l-flex l-flex-just_end">
						<div class="l-pages l-flex">
							<div class="l-pages-item">
								&lt;
							</div>
							<div class="l-pages-item">
								1
							</div>
							<div class="l-pages-item">
								2
							</div>
							<div class="l-pages-item">
								3
							</div>
							<div class="l-pages-item l-pages-item-not-border">
								...
							</div>
							<div class="l-pages-item">
								&gt;
							</div>
						</div>
					</div>
				</div>


			</div>
		</div>
	</body>
</html>
